import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const LockIcon: React.FC<Props> = ({ color = 'white', width = '26', height = '33', onClick }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 26 33"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      <path
        d="M12.9996 0.5C8.90824 0.5 5.61497 3.79327 5.61497 7.88462V12.8077C2.90824 12.8077 0.691895 15.024 0.691895 17.7308V27.5769C0.691895 30.2837 2.90824 32.5 5.61497 32.5H20.3842C23.0909 32.5 25.3073 30.2837 25.3073 27.5769V17.7308C25.3073 15.024 23.0909 12.8077 20.3842 12.8077H8.07651V7.88462C8.07651 5.08173 10.1967 2.96154 12.9996 2.96154C15.8025 2.96154 17.9227 5.08173 17.9227 7.88462V9.11539H20.3842V7.88462C20.3842 3.79327 17.0909 0.5 12.9996 0.5ZM12.9996 18.9615C14.3554 18.9615 15.4611 20.0673 15.4611 21.4231C15.4611 22.2837 14.9707 23.1298 14.2304 23.5V26.3462C14.2304 27.0865 13.74 27.5769 12.9996 27.5769C12.2592 27.5769 11.7688 27.0865 11.7688 26.3462V23.5C11.0284 23.1298 10.538 22.2837 10.538 21.4231C10.538 20.0673 11.6438 18.9615 12.9996 18.9615Z"
        fill={color}
      />
    </svg>
  )
}

export default LockIcon
